<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<%@ include file="head.jsp"%>


<script>
	$(function(){
		// 头像文件格式验证和预览
		$("#head_portrait").change(function() {
			var v = $(this).val();

			var extArr = v.split(".");
			var ext = extArr[extArr.length - 1];// 取最后一个字符串（就是扩展名）
			// 扩展名转小写
			ext = ext.toLowerCase();

			console.log(isInArray(imageExt, ext));

			// 判断扩展
			if (!isInArray(imageExt, ext)) {
				$(this).next().text("允许的图片格式是：" + imageExt.join(","));
			} else {
				$(this).next().text("");

				// 使用原生的获取元素
				var _this = document.getElementById("head_portrait");

				// 预览图片
				showImage(_this, "showimage");

			}

		})
	})
	
</script>



<div class="row">
	<ol class="breadcrumb">
		<li><a href="${baseurl }/admin">首页</a></li>
		<li class=""><a href="${baseurl }/admin/user/list/1">管理员列表</a></li>
		<li class="active">管理员编辑</li>
	</ol>
</div>

<div class="row">
	<form action="${baseurl }/admin/user/update"  class="col-md-6" method="post" enctype="multipart/form-data">
	
		<input type="hidden" name="id" value="${user.id }">
	
		<div class="form-group">
			<label for="username">用户名</label> <input
				type="text" class="form-control" id="username" name="username" value="${user.username }"
				placeholder="请输入用户名" >
				<p class="text-danger"></p>
		</div>
		
		<div class="form-group">
			<label for="head_portrait">头像</label> <input type="file" name="image" accept="image/*"
				id="head_portrait" >
			<p class="text-danger"></p>
			<!-- 图片与预览的div -->
			<div id="showimage">
				<img data-action="zoom" class="file_image_show" src="${baseurl }${user.head_portrait }" />
			</div>
		</div>
		
		<button type="submit" class="btn btn-success" id="adduser">提交</button>
		<button type="reset" class="btn btn-primary" >重置</button>
		<button type="button" class="btn btn-warning returnPage">返回</button>
	</form>
</div>

<%@ include file="footer.jsp"%>

